
<template>
  <yt-grid width="1664" height="1016" background="#F0F3F8" class="page-dkyvb">
      
  <yt-grid-item fixedSize='selfAdaption' id="yt-t8lb8m0vuvvof" gridColumnStart="117" gridColumnEnd="166" gridRowStart="21" gridRowEnd="41" zIndex="1" previewType="FixedWH">
      <span ref='ref1' class='webVueAntYtSpan webVueAntYtSpanStyle-0tp4u webVueAntYtSpanStyle'>
                  <span v-html='"停机表"'>
                  
              </span>
              </span>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' id="yt-nfrl9m0vuvvoj" gridColumnStart="33" gridColumnEnd="111" gridRowStart="20" gridRowEnd="40" zIndex="2" previewType="FixedWH">
      <span ref='ref2' class='webVueAntYtSpan webVueAntYtSpanStyle-k3wyh webVueAntYtSpanStyle'>
                  <span v-html='"数据管理 /"'>
                  
              </span>
              </span>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' id="yt-2ms61m0vuvvom" gridColumnStart="33" gridColumnEnd="1620" gridRowStart="51" gridRowEnd="123" zIndex="3" previewType="FixedWH">
      <div ref='ref3' class='webVueAntYtRectangle webVueAntYtRectangleStyle-21nrd webVueAntYtRectangleStyle'>
                  
              </div>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' id="yt-kq2nim0vuvvon" gridColumnStart="33" gridColumnEnd="1620" gridRowStart="142" gridRowEnd="982" zIndex="4" previewType="FixedWH">
      <div ref='ref4' class='webVueAntYtRectangle webVueAntYtRectangleStyle-m88s5 webVueAntYtRectangleStyle'>
                  
              </div>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' :isShow='ProjectNameisShow1' id="yt-fr17em0vuvvop" gridColumnStart="67" gridColumnEnd="372" gridRowStart="71" gridRowEnd="103" zIndex="5" previewType="FixedWH">
      <a-form-item ref='ref5' class='webVueAntInputFormItem webVueAntYtInputFormItem-p55zj  webVueAntYtInputFormItem show-label' name='ProjectNamevalue1' :colon='false'>
                  <template #label>
                  <div class='label-content '>
                  <span class='ant-form-item-content ' v-html='"项目名称"'>
                  
              </span>
              </div>
              </template>
<a-input data-event class='webVueAntinput webVueAntYtInputStyle-37kgz webVueAntYtInputStyle' v-model:value='ProjectNamevalue1' :maxLength='100' :placeholder='"请输入"'>
                  
              </a-input>
              </a-form-item>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' id="yt-uquc1m0vuvvoy" gridColumnStart="1298" gridColumnEnd="1378" gridRowStart="71" gridRowEnd="103" zIndex="6" previewType="FixedWH">
      <a-button ref='ref6' @click="()=> { queryDowntimeData(); }" class='webVueAntButton webVueAntYtButtonStyle-7erx9  webVueAntYtButtonStyle center' :loading='Queryloading1'>
                  <span class='yt-button-content ' v-html='"查询"'>
                  
              </span>
              </a-button>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' id="yt-2h6yam0vuvvp1" gridColumnStart="1398" gridColumnEnd="1478" gridRowStart="71" gridRowEnd="103" zIndex="7" previewType="FixedWH">
      <a-button ref='ref7' @click="()=> { resetDowntimeData(); }" class='webVueAntButton webVueAntYtButtonStyle-a00e4  webVueAntYtButtonStyle center' :loading='Resetloading1'>
                  <span class='yt-button-content ' v-html='"重置"'>
                  
              </span>
              </a-button>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' :isShow='ShutdownTableisShow1' id="yt-hg4rum0vuvvsc" gridColumnStart="49" gridColumnEnd="1615" gridRowStart="152" gridRowEnd="955" zIndex="8" previewType="FixedWH">
      <yt-table ref='ref36' class='webVueAntYtTable webVueAntYtTableStyle-xxx5m webVueAntYtTableStyle' :canSelect='false' v-model:currentRow='ShutdownTablecurrentRow1' v-model:selectedRows='ShutdownTableselectedRows1' v-model:total='ShutdownTabletotal1' v-model:current='ShutdownTablecurrent2' v-model:pageSize='ShutdownTablepageSize1' :columns='ShutdownTabledata1.columns' :dataSource='ShutdownTabledata1.dataSource' :scroll='{y:689.0034970222636}'>
                  <template #cell='{ column, record }'>
                  <template v-if='column.dataIndex === "id"' :forKey='"id"'>
                  
              </template>
<template v-if='column.dataIndex === "serialNumber"' :forKey='"serialNumber"'>
                  
              </template>
<template v-if='column.dataIndex === "projectName"' :forKey='"projectName"'>
                  
              </template>
<template v-if='column.dataIndex === "category"' :forKey='"category"'>
                  
              </template>
<template v-if='column.dataIndex === "equipmentName"' :forKey='"equipmentName"'>
                  
              </template>
<template v-if='column.dataIndex === "alarmcontent"' :forKey='"alarmcontent"'>
                  
              </template>
<template v-if='column.dataIndex === "dateofReport"' :forKey='"dateofReport"'>
                  
              </template>
<template v-if='column.dataIndex === "currentStatus"' :forKey='"currentStatus"'>
                  
  <yt-grid  previewType="FixedWH" width="154" height="48">
      
  <yt-grid-item fixedSize='selfAdaption' id="yt-9l10qm0vuvvtg" gridColumnStart="54" gridColumnEnd="101" gridRowStart="8" gridRowEnd="40" zIndex="1" previewType="FixedWH">
      <a-button ref='ref37' @click="()=> { openEditPopup(record); }" class='webVueAntButton webVueAntYtButtonStyle-u43wj  webVueAntYtButtonStyle center' :loading='Editloading1'>
                  <span class='yt-button-content ' v-html='"编辑"'>
                  
              </span>
              </a-button>
  </yt-grid-item>

  </yt-grid>
  
              </template>
              </template>
              </yt-table>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' :isShow='EditpopupwindowisShow1' id="yt-yzbegm10n0mcr" gridColumnStart="616" gridColumnEnd="1111" gridRowStart="213" gridRowEnd="662" zIndex="11" previewType="FixedWH">
      <yt-custom-modal ref='ref41' @ok="()=> { updateDowntimeData(); }" @cancel="()=> { closeEditPopup(); }" class='webVueAntYtModal  webVueAntYtModalStyle' v-model:isShow='EditpopupwindowisShow1' :title='"编辑"'>
                  <template #content>
                  <a-form class='webVueAntForm ' :model='Editpopupwindowform1' ref='ref41_form'>
                  
  <yt-grid  previewType="FixedWH" width="491" height="343">
      
  <yt-grid-item fixedSize='selfAdaption' id="yt-y0humm10n0mcz" gridColumnStart="90" gridColumnEnd="396" gridRowStart="24" gridRowEnd="56" zIndex="1" previewType="FixedWH">
      <a-form-item ref='ref45' class='webVueAntInputFormItem webVueAntYtInputFormItem-f6ay0  webVueAntYtInputFormItem show-label' name='DowntimeCategoryvalue1' :colon='false' :rules='[]'>
                  <template #label>
                  <div class='label-content '>
                  <span class='ant-form-item-content ' v-html='"停机类别"'>
                  
              </span>
              </div>
              </template>
<a-input data-event class='webVueAntinput webVueAntYtInputStyle-0kz57 webVueAntYtInputStyle' v-model:value='Editpopupwindowform1.DowntimeCategoryvalue1' :maxLength='100' :placeholder='"请输入"'>
                  
              </a-input>
              </a-form-item>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' id="yt-9bxrem10n0mde" gridColumnStart="90" gridColumnEnd="396" gridRowStart="87" gridRowEnd="119" zIndex="2" previewType="FixedWH">
      <a-form-item ref='ref46' class='webVueAntInputFormItem webVueAntYtInputFormItem-vecxt  webVueAntYtInputFormItem show-label' name='ShutdownReasonvalue1' :colon='false' :rules='[]'>
                  <template #label>
                  <div class='label-content '>
                  <span class='ant-form-item-content ' v-html='"停机原因"'>
                  
              </span>
              </div>
              </template>
<a-input data-event class='webVueAntinput webVueAntYtInputStyle-o6hpi webVueAntYtInputStyle' v-model:value='Editpopupwindowform1.ShutdownReasonvalue1' :maxLength='100' :placeholder='"请输入"'>
                  
              </a-input>
              </a-form-item>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' :isShow='ReportingpersonnelisShow1' id="yt-hv07km10n2ivk" gridColumnStart="89" gridColumnEnd="396" gridRowStart="150" gridRowEnd="182" zIndex="4" previewType="FixedWH">
      <a-form-item ref='ref48' class='webVueAntInputFormItem webVueAntYtInputFormItem-nba1y  webVueAntYtInputFormItem show-label' name='Reportingpersonnelvalue2' :colon='false' :rules='[]'>
                  <template #label>
                  <div class='label-content '>
                  <span class='ant-form-item-content ' v-html='"上报人员"'>
                  
              </span>
              </div>
              </template>
<a-input data-event class='webVueAntinput webVueAntYtInputStyle-6mlas webVueAntYtInputStyle' v-model:value='Editpopupwindowform1.Reportingpersonnelvalue2' :disabled='true' :maxLength='100'>
                  
              </a-input>
              </a-form-item>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' id="yt-2p2t4m10n3r6t" gridColumnStart="112" gridColumnEnd="396" gridRowStart="213" gridRowEnd="320" zIndex="4" previewType="FixedWH">
      <a-form-item ref='ref49' class='webVueAntTextAreaFormItem webVueAntYtTextAreaFormItem-b120x  webVueAntYtTextAreaFormItem show-label' name='Remarksvalue1' :colon='false' :rules='[]'>
                  <template #label>
                  <div class='label-content '>
                  <span class='ant-form-item-content ' v-html='"备注"'>
                  
              </span>
              </div>
              </template>
<a-textarea data-event class='webVueAntTextarea webVueAntYtTextAreaStyle-gh6ra webVueAntYtTextAreaStyle' v-model:value='Editpopupwindowform1.Remarksvalue1' :placeholder='"请输入"' :maxLength='100'>
                  
              </a-textarea>
              </a-form-item>
  </yt-grid-item>

  </yt-grid>
  
              </a-form>
              </template>
              </yt-custom-modal>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' :isShow='DowntimeisShow1' id="yt-mddgjm11ird5t" gridColumnStart="440" gridColumnEnd="706" gridRowStart="71" gridRowEnd="103" zIndex="9" previewType="FixedWH">
      <a-form-item ref='ref50' class='webVueSelectFormItem webVueAntYtSelectFormItem-izdfg  webVueAntYtSelectFormItem show-label' name='Downtimevalue1' :colon='false'>
                  <template #label>
                  <div class='label-content '>
                  <span class='ant-form-item-content ' v-html='"停机时长"'>
                  
              </span>
              </div>
              </template>
<a-select data-event class='webVueSelect  webVueAntYtSelectStyle' :dropdownClassName='"popup_yt-mddgjm11ird5t"' :showArrow='true' v-model:value='Downtimevalue1' :placeholder='"请输入"' :mode='"single"' :options='Downtimeoptions1.dataSource' :showSearch='true'>
                  
              </a-select>
              </a-form-item>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' :isShow='TimeRangeisShow1' id="yt-hvheim11iru8a" gridColumnStart="775" gridColumnEnd="1141" gridRowStart="71" gridRowEnd="103" zIndex="10" previewType="FixedWH">
      <a-form-item ref='ref51' class='webVueAntRangePickerFormItem webVueAntYtRangePickerFormItem-81q7v  webVueAntYtRangePickerFormItem show-label' name='TimeRangevalue1' :colon='false'>
                  <template #label>
                  <div class='label-content '>
                  <span class='ant-form-item-content ' v-html='"时间范围"'>
                  
              </span>
              </div>
              </template>
<yt-custom-range-picker data-event class='webVueAntYtRangePicker  webVueAntYtRangePickerStyle' :popupKey='"popup_yt-hvheim11iru8a"' v-model:value='TimeRangevalue1'>
                  
              </yt-custom-range-picker>
              </a-form-item>
  </yt-grid-item>

  </yt-grid>
</template>

<script>

import { loadCss } from "../shared/loadTheme";
import axios from "axios";
import { message, Modal } from "ant-design-vue";
import { h } from "vue";
export default {
data() {
return {
ReportingpersonnelisShow1: true,
Resetloading1: false,
EditpopupwindowisShow1: false,
Editpopupwindowform1: {
id: null,
DowntimeCategoryvalue1: "",
ShutdownReasonvalue1: "",
Reportingpersonnelvalue2: "",
Remarksvalue1: ""
},
TimeRangevalue1: "",
TimeRangeisShow1: true,
ProjectNamevalue1: "",
ProjectNameisShow1: true,
Queryloading1: false,
Editloading1: false,
ShutdownTablecurrentRow1: {},
ShutdownTableselectedRows1: [],
ShutdownTablepageSize1: 10,
ShutdownTabledata1: {
columns: [{
key: "id",
title: "id",
dataIndex: "id"
}, {
key: "serialNumber",
title: "序号",
dataIndex: "serialNumber"
}, {
key: "projectName",
title: "项目名称",
dataIndex: "projectName"
}, {
key: "stopStartTime",
title: "停机开始时间",
dataIndex: "stopStartTime"
}, {
key: "shutdownendtime",
title: "停机结束时间",
dataIndex: "shutdownendtime"
}, {
key: "downtime",
title: "停机时长",
dataIndex: "downtime"
}, {
key: "downtimeCategory",
title: "停机类别",
dataIndex: "downtimeCategory"
}, {
key: "shutdownReason",
title: "停机原因",
dataIndex: "shutdownReason"
}, {
key: "remarks",
title: "备注",
dataIndex: "remarks"
}, {
key: "reportingpersonnel",
title: "上报人员",
dataIndex: "reportingpersonnel"
}, {
key: "currentStatus",
title: "当前状态",
dataIndex: "currentStatus",
cellType: "slot"
}],
dataSource: [{
id: 1,
serialNumber: "标题1",
currentStatus: "标题1"
}, {
id: 2,
serialNumber: "标题2",
currentStatus: "标题2"
}]
},
ShutdownTablecurrent2: 1,
ShutdownTabletotal1: 2,
ShutdownTableisShow1: true,
Downtimevalue1: "1小时及以上",
Downtimeoptions1: {
dataSource: [{
label: "1小时内",
value: "1小时内",
disabled: false,
select: false
}, {
label: "1小时及以上",
value: "1小时及以上",
disabled: false,
select: true
}],
value: ["1小时及以上"]
},
DowntimeisShow1: true
};
},
watch: {},
methods: {
async queryDowntimeData() {
this.Queryloading1 = true;
try {
const response = await this.executeBackendInterface('getDowntimeData', {
projectName: this.ProjectNamevalue1,
downtimeDuration: this.Downtimevalue1,
timeRange: this.TimeRangevalue1 || [],
current: this.ShutdownTablecurrent2,
pageSize: this.ShutdownTablepageSize1
});
if (response.flag) {
this.ShutdownTabledata1.dataSource = response.data.data.map(item => ({
  id: item.id,
  serialNumber: item.serial_number,
  projectName: item.project_name,
  stopStartTime: item.downtime_start,
  shutdownendtime: item.downtime_end,
  downtime: item.downtime_duration,
  downtimeCategory: item.downtime_category,
  shutdownReason: item.downtime_reason,
  remarks: item.remarks,
  reportingpersonnel: item.reporter,
  currentStatus: item.current_status
}));
this.ShutdownTabletotal1 = response.data.total;
} else {
message.error(response.message);
}
} catch (error) {
message.error('查询失败');
} finally {
this.Queryloading1 = false;
}
},
async resetDowntimeData() {
this.ProjectNamevalue1 = '';
this.TimeRangevalue1 = '';
this.Downtimevalue1 = '1小时及以上';
this.queryDowntimeData();
},
async openEditPopup(record) {
try {
const response = await this.executeBackendInterface('getCurrentRowData', {
id: record.id
})
if (response.flag) {
this.Editpopupwindowform1 = {
  id: record.id,
  DowntimeCategoryvalue1: response.data.downtime_category,
  ShutdownReasonvalue1: response.data.downtime_reason,
  Remarksvalue1: response.data.remarks
};
const userResponse = await this.executeBackendInterface('getCurrentUser', {});
if (userResponse.flag) {
  this.Editpopupwindowform1.Reportingpersonnelvalue2 = userResponse.data;
} else {
  message.error(userResponse.message);
}
this.EditpopupwindowisShow1 = true;
} else {
message.error(response.message);
}
} catch (error) {
message.error('获取数据失败');
}
},
async updateDowntimeData() {
try {
const response = await this.executeBackendInterface('updateDowntimeData', {
id: this.Editpopupwindowform1.id,
downtimeCategory: this.Editpopupwindowform1.DowntimeCategoryvalue1,
downtimeReason: this.Editpopupwindowform1.ShutdownReasonvalue1,
remarks: this.Editpopupwindowform1.Remarksvalue1
});
if (response.flag) {
message.success('更新成功');
this.EditpopupwindowisShow1 = false;
this.queryDowntimeData();
} else {
message.error(response.message);
}
} catch (error) {
message.error('更新失败');
}
},
closeEditPopup() {
// 关闭编辑弹窗
this.EditpopupwindowisShow1 = false;
},
async fetchAndSetVariables() {
try {
// 调用后端接口获取变量数组 需要传入pageUuid变量
const pageUuid = '1833342430317903872';
const response = await axios.get(`./system/permission/getCurrentPageNotShowVariable?pageUuid=${pageUuid}`);
const variablesArray = response.data; // 后端直接返回变量数组

if (variablesArray && Array.isArray(variablesArray))
// 遍历数组，将每个变量设置为true
variablesArray.forEach(variable => {
  this[variable] = true;
});
} catch (error) {
console.error('获取变量失败:', error);
}
},
executeBackendInterface(funcName, params) {
// 处理参数为Map的情况
if (params instanceof Map) {
params = Object.fromEntries(params);
}
// 调用后端接口
return new Promise((resolve, reject) => {
axios.post('./Shutdowntable/' + funcName, params, {
headers: {
  'Content-Type': 'application/json'
}
}).then(response => {
resolve(response.data);
}).catch(error => {
reject(error);
});
});
}
},
mounted() {
loadCss('./css/停机表/theme.css');
// 组件挂载后自动调用函数获取变量
this.fetchAndSetVariables();
this.queryDowntimeData()
},
computed: {}
};

</script>
<style lang="less">
.page-dkyvb{
.webVueAntYtSpanStyle{
opacity: 1;
color: #3D3D3D;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 20px;
letter-spacing: 0px;
align-content: center;
text-decoration: none;
font-style: normal;
text-align: left;
text-align-last: left;
}
.webVueAntYtSpanStyle span{
text-shadow: 0px 0px 0px transparent;
}
.webVueAntYtSpan {
display: inline-block;
height:100%;
width:100%;
}
.webVueAntYtSpan span{
word-break: break-all;
width: auto;
display: inline-block;
vertical-align: top; /* 根据需要调整 */
}
.webVueAntYtSpan span:focus{
outline: none;
}

.webVueAntYtSpanStyle-0tp4u{
color: #438EFC !important;
font-size: 16px;
font-weight: bold;
}
.webVueAntYtSpanStyle-0tp4u span{
text-decoration: none;
}

.webVueAntYtSpanStyle-k3wyh{
color: #4A4A4A !important;
font-size: 16px;
font-weight: bold;
}
.webVueAntYtSpanStyle-k3wyh span{
text-decoration: none;
}

.webVueAntYtRectangleStyle{
opacity: 1;
box-shadow: 0px 0px 0px 0px transparent;
background: transparent;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top: 1px solid #CDCDCD;
border-right: 1px solid #CDCDCD;
border-bottom: 1px solid #CDCDCD;
border-left: 1px solid #CDCDCD;
}
.webVueAntYtRectangle {
width: 100%;
height:100%;

}

.webVueAntYtRectangleStyle-21nrd{
background: #ffffff;
border-top: 1px solid transparent;
border-right: 1px solid transparent;
border-bottom: 1px solid transparent;
border-left: 1px solid transparent;
}

.webVueAntYtRectangleStyle-m88s5{
background: #ffffff;
border-top: 1px solid transparent;
border-right: 1px solid transparent;
border-bottom: 1px solid transparent;
border-left: 1px solid transparent;
}

.webVueAntYtInputFormItem{
flex-direction: row;
opacity: 1;
}
.webVueAntYtInputFormItem .ant-form-item-label label{
text-decoration: none;
font-style: normal;
color: #333333;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
width: 52px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtInputFormItem .ant-form-item-label label .label-content{
text-align: left;
text-align-last: left;
}
.webVueAntYtInputStyle:not(.ant-input-affix-wrapper){
color: #333333;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
background: #FFFFFF;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top: 1px solid #CDCDCD;
border-right: 1px solid #CDCDCD;
border-bottom: 1px solid #CDCDCD;
border-left: 1px solid #CDCDCD;
box-shadow: 0px 0px 0px 0px transparent;
text-decoration: none;
font-style: normal;
text-align: left;
text-align-last: left;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 12px;
}
.webVueAntYtInputStyle.ant-input-affix-wrapper{
background: #FFFFFF;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top: 1px solid #CDCDCD;
border-right: 1px solid #CDCDCD;
border-bottom: 1px solid #CDCDCD;
border-left: 1px solid #CDCDCD;
box-shadow: 0px 0px 0px 0px transparent;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 12px;
}
.webVueAntYtInputStyle.ant-input-affix-wrapper input{
text-decoration: none;
font-style: normal;
text-align: left;
text-align-last: left;
color: #333333;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
}
.webVueAntYtInputStyle:not(.ant-input-affix-wrapper)::placeholder,.webVueAntYtInputStyle:not(.ant-input-affix-wrapper)::-webkit-input-placeholder,.webVueAntYtInputStyle input::placeholder,.webVueAntYtInputStyle input::-webkit-input-placeholder{
color: #999999;
}
.webVueAntInputFormItem  {
flex-wrap: nowrap;
}
.webVueAntInputFormItem ,
.webVueAntinput,
.webVueAntInputFormItem .ant-form-item-control-input,
.webVueAntInputFormItem .ant-form-item-control-input .ant-form-item-control-input-content {
width: 100%;
height: 100%;
}
.webVueAntInputFormItem .ant-form-item-label {
flex-shrink: 0;
padding: 0;
text-align: left;
}
.webVueAntInputFormItem .ant-form-item-label label {
width: 100%;
height: 100%;
}
.webVueAntInputFormItem .ant-form-item-label>label.ant-form-item-required:not(.ant-form-item-required-mark-optional):before {
margin-top: 4px;
}
.webVueAntInputFormItem .ant-form-item-label label .label-content{
flex: 1;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
}
.webVueAntInputFormItem .ant-form-item-label>label.ant-form-item-no-colon:after {
display: none;
}
.webVueAntInputFormItem .ant-form-item-label label .ant-form-item-content {
white-space: nowrap;
}
.webVueAntInputFormItem.hide-label .ant-form-item-label {
display: none;
}
.webVueAntInputFormItem .ant-form-item-content:focus{
outline: none;
}
.webVueAntinput.ant-input-affix-wrapper input {
background-color: transparent;
}


.webVueAntYtInputFormItem-p55zj .ant-form-item-explain{
position: absolute;
top: 100%;
z-index: -1;
}
.webVueAntYtInputFormItem-p55zj .ant-form-item-label label{
width: 66px;
padding-right: 10px;
}
.webVueAntYtInputStyle-37kgz:not(.ant-input-affix-wrapper){
background: #FFFFFF !important;
}

.webVueAntYtButtonStyle{
opacity: 1;
color: #FFFFFF;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
background: #4A90E2;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top: 0px solid #D9D9D9;
border-right: 0px solid #D9D9D9;
border-bottom: 0px solid #D9D9D9;
border-left: 0px solid #D9D9D9;
box-shadow: 0px 0px 0px 0px transparent;
padding-top: 2px;
padding-right: 0px;
padding-bottom: 2px;
padding-left: 0px;
}
.webVueAntYtButtonStyle>span{
line-height: 28px;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
text-align: center;
text-align-last: center;
}
.webVueAntButton  {
width: 100%;
height:100%;
display: flex;
}
.webVueAntButton .span:first-child{
flex: 0 0 8px;
}
.webVueAntButton .yt-button-content{
display: inline-block;
flex: 1;
}

.webVueAntButton.ant-btn-loading.center .yt-button-content,
.webVueAntButton.ant-btn-loading.right .yt-button-content,
.webVueAntButton.ant-btn-loading.left .yt-button-content {
flex: 0 0 auto;
}
.webVueAntButton span:focus{
outline: none;
}
.webVueAntButton.ant-btn-two-chinese-chars>:not(.anticon) {
margin-right: 0;
}

.webVueAntYtButtonStyle-7erx9{
color: #FFFFFF !important;
background: #3C8EFF !important;
align-items: center;
justify-content: center;
}
.webVueAntYtButtonStyle-7erx9>span{
letter-spacing: 0px !important;
}

.webVueAntYtButtonStyle-a00e4{
color: #4A90E2 !important;
background: transparent !important;
border-top: 1px solid #4A90E2;
border-right: 1px solid #4A90E2;
border-bottom: 1px solid #4A90E2;
border-left: 1px solid #4A90E2;
align-items: center;
justify-content: center;
}
.webVueAntYtButtonStyle-a00e4>span{
letter-spacing: 0px !important;
}

.webVueAntYtTable {
display: inline-block;
}
.webVueAntYtTable .ant-radio-input {
display: none;
}
.webVueAntYtTable thead tr th div:first-child {
display: flex !important;
align-items: center;
}
.webVueAntYtTable thead tr th:before {
content: none !important;
}
.webVueAntYtTable thead tr th:not(.ant-table-selection-column), .webVueAntYtTable .ant-table-tbody tr td:not(.ant-table-selection-column) {
padding: 0 !important;
}
.webVueAntYtTable thead tr th.ant-table-selection-column, .webVueAntYtTable .ant-table-tbody tr td.ant-table-selection-column {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.webVueAntYtTable .ant-table-tbody tr td, .webVueAntYtTable thead tr th {
position: relative;
}
.webVueAntYtTable .ant-table-tbody tr td .td-text, .webVueAntYtTable thead tr th .th-text {
width: 100%;
display: inline-block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.webVueAntYtTable .ant-table-tbody tr td {
border-top: 0 !important;
}
.webVueAntYtTable .ant-table-tbody tr td .ant-radio-wrapper {
align-items: center;
}
.webVueAntYtTable .ant-table-tbody tr:last-child td {
border-bottom: 0 !important;
}
.webVueAntYtTable .ant-pagination {
display: flex;
}

.webVueAntYtTable .add-pointer {
display: flex !important;
}
.webVueAntYtTable .ant-table-thead .ant-table-cell-scrollbar {
width: 6px;
}
.webVueAntYtTable .ant-table-header colgroup col:not(.ant-table-selection-col) {
width: auto !important;
}
:focus-visible {
outline: none;
}
.webVueAntYtTable .ant-table-body::-webkit-scrollbar {
width: 6px;
height: 6px;
border-radius: 2px;
}
.webVueAntYtTable .ant-table-body::-webkit-scrollbar-thumb {
background-color: #ccc;
}
.webVueAntYtTable.custom-table .ant-table-content {
overflow: hidden !important;
max-height: unset !important;
}

.webVueAntYtTableStyle-xxx5m{
opacity: 1;
}
.webVueAntYtTableStyle-xxx5m .ant-table{
box-shadow: 0px 0px 0px 0px transparent;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top: 1px solid #D9D9D9;
border-right: 1px solid #D9D9D9;
border-bottom: 1px solid #D9D9D9;
border-left: 1px solid #D9D9D9;
}
.webVueAntYtTableStyle-xxx5m .ant-table th:first-child{
border-top-left-radius: 4px !important;
}
.webVueAntYtTableStyle-xxx5m .ant-table th:last-child{
border-top-right-radius: 4px !important;
}
.webVueAntYtTableStyle-xxx5m .ant-table tr:last-child td:first-child{
border-bottom-left-radius: 4px !important;
}
.webVueAntYtTableStyle-xxx5m .ant-table tr:last-child td:last-child{
border-bottom-right-radius: 4px !important;
}
.webVueAntYtTableStyle-xxx5m .ant-table .ant-table-thead tr,.webVueAntYtTableStyle-xxx5m .ant-table .ant-table-thead tr th div:first-child{
height: 50px;
}
.webVueAntYtTableStyle-xxx5m .ant-table .ant-table-thead tr th div.ant-table-selection{
line-height: 50px;
}
.webVueAntYtTableStyle-xxx5m .ant-table .ant-table-thead tr th{
background: #4A90E21C;
}
.webVueAntYtTableStyle-xxx5m .ant-table .ant-table-thead tr span.th-text{
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 16px;
font-weight: bold;
line-height: 50px;
letter-spacing: 0px;
font-style: normal;
text-align: center;
text-align-last: center;
text-decoration: none;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtTableStyle-xxx5m .ant-table tbody tr td{
height: 50px;
}
.webVueAntYtTableStyle-xxx5m .ant-table tbody tr td .ant-checkbox-wrapper{
line-height: 50px;
}
.webVueAntYtTableStyle-xxx5m .ant-table tbody tr td{
background: #FFFFFF;
}
.webVueAntYtTableStyle-xxx5m .ant-table thead tr th,.webVueAntYtTableStyle-xxx5m .ant-table .ant-table-tbody tr:not(:last-child) td{
border-bottom: 1px solid #dcdcdc;
}
.webVueAntYtTableStyle-xxx5m .ant-table thead tr th:not(:last-child),.webVueAntYtTableStyle-xxx5m .ant-table .ant-table-tbody tr td:not(:last-child){
border-right: 0px solid #dcdcdc;
}
.webVueAntYtTableStyle-xxx5m.ant-table-striped .ant-table tbody tr:nth-child(2n-1) td{
background: #FFFFFF;
}
.webVueAntYtTableStyle-xxx5m.ant-table-striped .ant-table tbody tr:nth-child(2n) td{
background: #FFFFFF;
}
.webVueAntYtTableStyle-xxx5m .ant-table tbody tr:not(.ant-table-row-selected):hover td{
background: #E4EFFF !important;
}
.webVueAntYtTableStyle-xxx5m .ant-table tbody tr:not(.ant-table-row-selected):hover td span.td-text{
color: #000000 !important;
}
.webVueAntYtTableStyle-xxx5m .ant-table-tbody tr.ant-table-row-selected td{
background: #3C8EFF !important;
}
.webVueAntYtTableStyle-xxx5m .ant-table-tbody tr.ant-table-row-selected td span.td-text{
color: #FFFFFF !important;
}
.webVueAntYtTableStyle-xxx5m .ant-pagination li:not(.ant-pagination-options),.webVueAntYtTableStyle-xxx5m .ant-pagination button,.webVueAntYtTableStyle-xxx5m .ant-pagination li .ant-select .ant-select-selector,.webVueAntYtTableStyle-xxx5m .ant-pagination li input{
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
background: #FFFFFF;
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 32px;
letter-spacing: 0px;
text-align: center;
text-align-last: center;
font-style: normal;
text-decoration: none;
}
.webVueAntYtTableStyle-xxx5m .ant-pagination button,.webVueAntYtTableStyle-xxx5m .ant-pagination li .ant-select .ant-select-selector,.webVueAntYtTableStyle-xxx5m .ant-pagination li input,.webVueAntYtTableStyle-xxx5m .ant-pagination li a,.webVueAntYtTableStyle-xxx5m .ant-pagination li .ant-pagination-options-quick-jumper{
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtTableStyle-xxx5m .ant-pagination li:not(.ant-pagination-options),.webVueAntYtTableStyle-xxx5m .ant-pagination li.ant-pagination-options .ant-pagination-options-size-changer.ant-select .ant-select-selector,.webVueAntYtTableStyle-xxx5m .ant-pagination li.ant-pagination-options .ant-pagination-options-quick-jumper input{
border-top: 1px solid #D9D9D9;
border-right: 1px solid #D9D9D9;
border-bottom: 1px solid #D9D9D9;
border-left: 1px solid #D9D9D9;
}
.webVueAntYtTableStyle-xxx5m .ant-pagination li button{
border: none;
}
.webVueAntYtTableStyle-xxx5m .ant-pagination li a,.webVueAntYtTableStyle-xxx5m .ant-pagination li .ant-pagination-options-quick-jumper{
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 32px;
letter-spacing: 0px;
text-align: center;
text-align-last: center;
font-style: normal;
text-decoration: none;
}
.webVueAntYtTableStyle-xxx5m .ant-pagination li.ant-pagination-item-active{
background: #FFFFFF;
border-top: 1px solid #1890ff;
border-right: 1px solid #1890ff;
border-bottom: 1px solid #1890ff;
border-left: 1px solid #1890ff;
}
.webVueAntYtTableStyle-xxx5m .ant-pagination li.ant-pagination-item-active a{
color: #1890ff;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 32px;
letter-spacing: 0px;
text-align: center;
text-align-last: center;
font-style: normal;
text-decoration: none;
}
.webVueAntYtTableStyle-xxx5m tr td:nth-child(1) div:first-child{
text-align: center;
text-align-last: center;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtTableStyle-xxx5m tr td:nth-child(1) div:first-child span.td-text{
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 50px;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.webVueAntYtTableStyle-xxx5m tr > th:nth-child(1), .webVueAntYtTableStyle-xxx5m .ant-table-body tr.ant-table-measure-row td:nth-child(1){
width: calc((100% - 0px) / 10) !important;
min-width: 1px !important;
max-width: 1px !important;
}
.webVueAntYtTableStyle-xxx5m tr td:nth-child(2) div:first-child{
text-align: center;
text-align-last: center;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtTableStyle-xxx5m tr td:nth-child(2) div:first-child span.td-text{
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 50px;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.webVueAntYtTableStyle-xxx5m tr > th:nth-child(2), .webVueAntYtTableStyle-xxx5m .ant-table-body tr.ant-table-measure-row td:nth-child(2){
width: calc((100% - 0px) / 10) !important;
min-width: 1px !important;
max-width: 1px !important;
}
.webVueAntYtTableStyle-xxx5m tr td:nth-child(3) div:first-child{
text-align: center;
text-align-last: center;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtTableStyle-xxx5m tr td:nth-child(3) div:first-child span.td-text{
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 50px;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.webVueAntYtTableStyle-xxx5m tr > th:nth-child(3), .webVueAntYtTableStyle-xxx5m .ant-table-body tr.ant-table-measure-row td:nth-child(3){
width: calc((100% - 0px) / 10) !important;
min-width: 1px !important;
max-width: 1px !important;
}
.webVueAntYtTableStyle-xxx5m tr td:nth-child(4) div:first-child{
text-align: center;
text-align-last: center;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtTableStyle-xxx5m tr td:nth-child(4) div:first-child span.td-text{
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 50px;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.webVueAntYtTableStyle-xxx5m tr > th:nth-child(4), .webVueAntYtTableStyle-xxx5m .ant-table-body tr.ant-table-measure-row td:nth-child(4){
width: calc((100% - 0px) / 10) !important;
min-width: 1px !important;
max-width: 1px !important;
}
.webVueAntYtTableStyle-xxx5m tr td:nth-child(5) div:first-child{
text-align: center;
text-align-last: center;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtTableStyle-xxx5m tr td:nth-child(5) div:first-child span.td-text{
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 50px;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.webVueAntYtTableStyle-xxx5m tr > th:nth-child(5), .webVueAntYtTableStyle-xxx5m .ant-table-body tr.ant-table-measure-row td:nth-child(5){
width: calc((100% - 0px) / 10) !important;
min-width: 1px !important;
max-width: 1px !important;
}
.webVueAntYtTableStyle-xxx5m tr td:nth-child(6) div:first-child{
text-align: center;
text-align-last: center;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtTableStyle-xxx5m tr td:nth-child(6) div:first-child span.td-text{
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 50px;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.webVueAntYtTableStyle-xxx5m tr > th:nth-child(6), .webVueAntYtTableStyle-xxx5m .ant-table-body tr.ant-table-measure-row td:nth-child(6){
width: calc((100% - 0px) / 10) !important;
min-width: 1px !important;
max-width: 1px !important;
}
.webVueAntYtTableStyle-xxx5m tr td:nth-child(7) div:first-child{
text-align: center;
text-align-last: center;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtTableStyle-xxx5m tr td:nth-child(7) div:first-child span.td-text{
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 50px;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.webVueAntYtTableStyle-xxx5m tr > th:nth-child(7), .webVueAntYtTableStyle-xxx5m .ant-table-body tr.ant-table-measure-row td:nth-child(7){
width: calc((100% - 0px) / 10) !important;
min-width: 1px !important;
max-width: 1px !important;
}
.webVueAntYtTableStyle-xxx5m tr td:nth-child(8) div:first-child{
text-align: center;
text-align-last: center;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtTableStyle-xxx5m tr td:nth-child(8) div:first-child span.td-text{
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 50px;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.webVueAntYtTableStyle-xxx5m tr > th:nth-child(8), .webVueAntYtTableStyle-xxx5m .ant-table-body tr.ant-table-measure-row td:nth-child(8){
width: calc((100% - 0px) / 10) !important;
min-width: 1px !important;
max-width: 1px !important;
}
.webVueAntYtTableStyle-xxx5m tr td:nth-child(9) div:first-child{
text-align: center;
text-align-last: center;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtTableStyle-xxx5m tr td:nth-child(9) div:first-child span.td-text{
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 50px;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.webVueAntYtTableStyle-xxx5m tr > th:nth-child(9), .webVueAntYtTableStyle-xxx5m .ant-table-body tr.ant-table-measure-row td:nth-child(9){
width: calc((100% - 0px) / 10) !important;
min-width: 1px !important;
max-width: 1px !important;
}
.webVueAntYtTableStyle-xxx5m tr td:nth-child(10) div:first-child{
text-align: center;
text-align-last: center;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtTableStyle-xxx5m tr td:nth-child(10) div:first-child span.td-text{
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 50px;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.webVueAntYtTableStyle-xxx5m tr > th:nth-child(10), .webVueAntYtTableStyle-xxx5m .ant-table-body tr.ant-table-measure-row td:nth-child(10){
width: calc((100% - 0px) / 10) !important;
min-width: 1px !important;
max-width: 1px !important;
}
.webVueAntYtTableStyle-xxx5m{
width: 100%;
}

.webVueAntYtButtonStyle-u43wj{
color: #4A90E2 !important;
background: transparent !important;
align-items: center;
justify-content: center;
}
.webVueAntYtButtonStyle-u43wj>span{
letter-spacing: 0px !important;
}

.webVueAntYtModalStyle .ant-modal-wrap{
opacity: 1;
box-shadow: 0px 0px 0px 0px transparent;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
border-top: 1px solid transparent;
border-right: 1px solid transparent;
border-bottom: 1px solid transparent;
border-left: 1px solid transparent;
}
.webVueAntYtModalStyle .ant-modal-wrap .yt-custom-modal-header{
text-decoration: none;
font-style: normal;
text-align: left;
text-align-last: left;
color: #333333;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
padding-top: 12px;
padding-right: 0px;
padding-bottom: 12px;
padding-left: 21px;
}
.webVueAntYtModalStyle.yt-custom-modal .ant-modal-header{
height: 45px;
background: #ffffff;
}
.webVueAntYtModalStyle .ant-modal-wrap .ant-modal-close-x{
height: 45px;
line-height: 45px;
}
.webVueAntYtModalStyle.yt-custom-modal .ant-modal-footer{
height: 57px;
background: #ffffff;
}
.webVueAntYtModal {
width: 100%;
height: 100%;
}



.webVueAntYtInputFormItem-f6ay0 .ant-form-item-explain{
position: absolute;
top: 100%;
z-index: -1;
}
.webVueAntYtInputFormItem-f6ay0 .ant-form-item-label label{
width: 67px;
padding-right: 10px;
}
.webVueAntYtInputStyle-0kz57:not(.ant-input-affix-wrapper){
background: #FFFFFF !important;
}

.webVueAntYtInputFormItem-vecxt .ant-form-item-explain{
position: absolute;
top: 100%;
z-index: -1;
}
.webVueAntYtInputFormItem-vecxt .ant-form-item-label label{
width: 67px;
padding-right: 10px;
}
.webVueAntYtInputStyle-o6hpi:not(.ant-input-affix-wrapper){
background: #FFFFFF !important;
}

.webVueAntYtInputFormItem-nba1y .ant-form-item-explain{
position: absolute;
top: 100%;
z-index: -1;
}
.webVueAntYtInputFormItem-nba1y .ant-form-item-label label{
width: 67px;
padding-right: 10px;
}
.webVueAntYtInputStyle-6mlas:not(.ant-input-affix-wrapper){
background: #9B9B9B2B !important;
}
.webVueAntYtInputStyle-6mlas.ant-input-affix-wrapper{
background: #9B9B9B2B;
}

.webVueAntYtTextAreaFormItem{
flex-direction: row;
opacity: 1;
}
.webVueAntYtTextAreaFormItem .ant-form-item-label label{
text-decoration: none;
font-style: normal;
color: #333333;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
width: 52px;
padding-top: 4px;
padding-right: 0px;
padding-bottom: 6px;
padding-left: 0px;
}
.webVueAntYtTextAreaFormItem .ant-form-item-label label .label-content{
text-align: left;
text-align-last: left;
}
.webVueAntYtTextAreaStyle.ant-input{
background: #FFFFFF;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top: 1px solid #CDCDCD;
border-right: 1px solid #CDCDCD;
border-bottom: 1px solid #CDCDCD;
border-left: 1px solid #CDCDCD;
box-shadow: 0px 0px 0px 0px transparent !important;
}
.webVueAntYtTextAreaStyle.ant-input,.webVueAntYtTextAreaStyle:not(.ant-input) .ant-input{
color: #333333;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 32px;
letter-spacing: 0px;
vertical-align: undefined;
text-decoration: none;
font-style: normal;
text-align: left;
text-align-last: left;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 12px;
}
.webVueAntYtTextAreaStyle.ant-input::placeholder,.webVueAntYtTextAreaStyle.ant-input::-webkit-input-placeholder,.webVueAntYtTextAreaStyle:not(.ant-input) .ant-input::placeholder,.webVueAntYtTextAreaStyle:not(.ant-input) .ant-input::-webkit-input-placeholder{
color: #999999;
}
.webVueAntYtTextAreaStyle.ant-input:disabled{
background: #FFFFFF;
}
.webVueAntTextAreaFormItem  {
flex-wrap: nowrap;
}
.webVueAntTextAreaFormItem ,
.webVueAntTextAreaFormItem .ant-form-item-control-input,
.webVueAntTextAreaFormItem .ant-form-item-control-input .ant-form-item-control-input-content {
width: 100%;
height: 100%;
}
.webVueAntTextAreaFormItem .ant-form-item-label {
flex-shrink: 0;
padding: 0;
text-align: left;
}
.webVueAntTextAreaFormItem label {
width: 100%;
height: 100%;
align-items: flex-start;
line-height: 32px;
}
.webVueAntTextAreaFormItem .ant-form-item-label>label.ant-form-item-required:not(.ant-form-item-required-mark-optional):before {
margin-top: 4px;
}
.webVueAntTextAreaFormItem .ant-form-item-label label .label-content{
flex: 1;
height: 100%;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
}
.webVueAntTextAreaFormItem .ant-form-item-label>label.ant-form-item-no-colon:after {
display: none;
}
.webVueAntTextAreaFormItem .ant-form-item-label label .ant-form-item-content {
white-space: nowrap;
}
.webVueAntTextAreaFormItem.hide-label .ant-form-item-label {
display: none;
}
.webVueAntTextAreaFormItem .ant-form-item-content:focus{
outline: none;
}
.webVueAntTextarea {
width: 100%;
height: 100% !important;
}
.webVueAntTextarea .ant-input {
background-color: transparent;
}


.webVueAntYtTextAreaFormItem-b120x .ant-form-item-explain{
position: absolute;
top: 100%;
z-index: -1;
}
.webVueAntYtTextAreaFormItem-b120x .ant-form-item-label label{
width: 39px;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
}
.webVueAntYtTextAreaStyle-gh6ra.ant-input{
background: #FFFFFF !important;
}

.webVueAntYtSelectFormItem{
flex-direction: row;
opacity: 1;
}
.webVueAntYtSelectFormItem .ant-form-item-label label{
text-decoration: none;
font-style: normal;
color: #333333;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
width: 52px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtSelectFormItem .ant-form-item-label label .label-content{
text-align: left;
text-align-last: left;
}
.webVueAntYtSelectStyle .ant-select-selector{
background: #FFFFFF !important;
border-top-left-radius: 4px !important;
border-top-right-radius: 4px !important;
border-bottom-left-radius: 4px !important;
border-bottom-right-radius: 4px !important;
border-top: 1px solid #CDCDCD !important;
border-right: 1px solid #CDCDCD !important;
border-bottom: 1px solid #CDCDCD !important;
border-left: 1px solid #CDCDCD !important;
box-shadow: 0px 0px 0px 0px transparent;
padding-top: 0px !important;
padding-right: 10px !important;
padding-bottom: 0px !important;
padding-left: 12px !important;
}
.webVueAntYtSelectStyle .ant-select-selector .ant-select-selection-item{
color: #333333;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal !important;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.webVueAntYtSelectStyle .ant-select-selector .ant-select-selection-search input{
color: #333333;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal !important;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.webVueAntYtSelectStyle .ant-select-selector .ant-select-selection-placeholder{
color: #999999;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.webVueAntYtSelectStyle .ant-select-dropdown{
border-top-left-radius: 2px !important;
border-top-right-radius: 2px !important;
border-bottom-left-radius: 2px !important;
border-bottom-right-radius: 2px !important;
background: #ffffff !important;
border-top: 1px solid transparent !important;
border-right: 1px solid transparent !important;
border-bottom: 1px solid transparent !important;
border-left: 1px solid transparent !important;
box-shadow: 0px 0px 10px 0px rgba(153,153,153,0.3);
padding-top: 0px !important;
padding-right: 0px !important;
padding-bottom: 0px !important;
padding-left: 0px !important;
}
.webVueAntYtSelectStyle .ant-select-dropdown .ant-select-item{
color: #333333;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.webVueAntYtSelectStyle .ant-select-dropdown .ant-select-item-option-selected{
background: #E6EFFE;
color: #333333;
}
.webVueAntYtSelectStyle .ant-select-dropdown .ant-select-item:hover{
background: #F0F0F0;
color: #333333;
}
.webVueSelectFormItem  {
flex-wrap: nowrap;
}
.webVueSelectFormItem ,
.webVueSelectFormItem .ant-form-item-control-input,
.webVueSelectFormItem .ant-form-item-control-input .ant-form-item-control-input-content,
.webVueSelectFormItem .ant-form-item-control-input  .ant-select-selector .ant-select-selection-search input{
width: 100%;
height: 100%;
}
.webVueSelectFormItem .ant-form-item-control {
min-width: 0;
}
.webVueSelectFormItem .ant-form-item-label {
flex-shrink: 0;
padding: 0;
text-align: left;
}
.webVueSelectFormItem  .ant-form-item-label label {
width: 100%;
height: 100%;
}
.webVueSelectFormItem .ant-form-item-label>label.ant-form-item-required:not(.ant-form-item-required-mark-optional):before {
margin-top: 4px;
}
.webVueSelectFormItem .ant-form-item-label label .label-content{
flex: 1;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
}
.webVueSelectFormItem .ant-form-item-label>label.ant-form-item-no-colon:after {
display: none;
}
.webVueSelectFormItem .ant-form-item-label label .ant-form-item-content {
white-space: nowrap;
}
.webVueSelectFormItem.hide-label .ant-form-item-label {
display: none;
}
.webVueSelectFormItem .ant-form-item-content:focus{
outline: none;
}
.webVueSelect.ant-select-single .ant-select-selector .ant-select-selection-placeholder,
.webVueSelect.ant-select-single .ant-select-selector{
display: flex;
align-items: center;
}

.webVueSelect {
width: 100%;
height:100%;
}
.webVueSelect .ant-select-selector {
width: 100% !important;
height: 100% !important;
overflow: auto;
}

.webVueAntYtSelectFormItem-izdfg .ant-form-item-explain{
position: absolute;
top: 100%;
z-index: -1;
}
.webVueAntYtSelectFormItem-izdfg .ant-form-item-label label{
width: 67px;
padding-right: 10px;
}

.webVueAntYtRangePickerFormItem{
flex-direction: row;
opacity: 1;
}
.webVueAntYtRangePickerFormItem .ant-form-item-label label{
text-decoration: none;
font-style: normal;
color: #333333;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
padding-top: 4px;
padding-right: 0px;
padding-bottom: 6px;
padding-left: 0px;
}
.webVueAntYtRangePickerFormItem .ant-form-item-label label .label-content{
text-align: left;
text-align-last: left;
}
.webVueAntYtRangePickerStyle{
color: #333333;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
box-shadow: 0px 0px 0px 0px transparent;
background: #FFFFFF;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top: 1px solid #CDCDCD;
border-right: 1px solid #CDCDCD;
border-bottom: 1px solid #CDCDCD;
border-left: 1px solid #CDCDCD;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 12px;
}
.webVueAntYtRangePickerStyle .ant-picker-input>input{
color: #333333;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.webVueAntYtRangePickerStyle .ant-picker-input>input::placeholder{
color: #999999;
}
.webVueAntYtRangePickerFormItem .dropdownClassName .ant-picker-panel-container{
background: #ffffff;
box-shadow: 0px 0px 10px 0px rgba(153,153,153,0.3);
border-top-left-radius: 2px;
border-top-right-radius: 2px;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
border-top: 1px solid transparent;
border-right: 1px solid transparent;
border-bottom: 1px solid transparent;
border-left: 1px solid transparent;
}
.webVueAntYtRangePickerFormItem .dropdownClassName .ant-picker-panel-container .ant-picker-header,.webVueAntYtRangePickerFormItem .dropdownClassName .ant-picker-panel-container .ant-picker-panel table tr th,.webVueAntYtRangePickerFormItem .dropdownClassName .ant-picker-panel-container .ant-picker-panel table tr td{
color: #333333;
}
.webVueAntRangePickerFormItem  {
flex-wrap: nowrap;
}
.webVueAntYtRangePicker,
.webVueAntRangePickerFormItem,
.webVueAntRangePickerFormItem .ant-form-item-control-input,
.webVueAntRangePickerFormItem .ant-form-item-control-input .ant-form-item-control-input-content {
width: 100%;
height: 100%;
}
.webVueAntRangePickerFormItem .ant-form-item-label {
flex-shrink: 0;
padding: 0;
text-align: left;
}
.webVueAntRangePickerFormItem .ant-form-item-label label {
width: 100%;
height: 100%;
}
.webVueAntRangePickerFormItem .ant-form-item-label>label.ant-form-item-required:not(.ant-form-item-required-mark-optional):before {
margin-top: 4px;
}
.webVueAntRangePickerFormItem .ant-form-item-label label .label-content{
flex: 1;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
}
.webVueAntRangePickerFormItem .ant-form-item-label>label.ant-form-item-no-colon:after {
display: none;
}
.webVueAntRangePickerFormItem .ant-form-item-label label .ant-form-item-content {
white-space: nowrap;
}
.webVueAntRangePickerFormItem.hide-label .ant-form-item-label {
display: none;
}
.webVueAntRangePickerFormItem .ant-form-item-content:focus{
outline: none;
}
.webVueAntYtRangePicker .ant-picker-dropdown {
text-align-last: auto;
}


.webVueAntYtRangePickerFormItem-81q7v .ant-form-item-explain{
position: absolute;
top: 100%;
z-index: -1;
}
.webVueAntYtRangePickerFormItem-81q7v .ant-form-item-label label{
width: 67px;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
}}
</style>